<!--
Copyright 2018 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.

This document is loaded into a <webview> from the graph_tab element as a data:
URL. As result, this document needs to be self-contained, hence inline scripts.
-->
<html>
  <head>
    <style>
      html,
      body {
        height: 100%;
      }

      body {
        margin: 0;
      }

      .links line {
        stroke: #999;
        stroke-opacity: 0.6;
        stroke-width: 1;
      }

      .dashed-links line {
        marker-start: url(#arrowToSource);
        stroke: #999;
        stroke-dasharray: 3;
        stroke-opacity: 0.6;
        stroke-width: 1;
      }

      #arrowToSource {
        fill: #999;
        stroke: #999;
      }

      .nodes circle {
        stroke: #000;
        stroke-width: 1.5px;
      }

      .nodes circle.pinned {
        stroke: red;
      }

      .dead image {
        display: none;
      }

      .separator {
        font: italic 13px sans-serif;
        user-select: none;
      }

      div.tooltip {
        background: lightsteelblue;
        border: 0;
        border-radius: 8px;
        padding: 2px;
        position: absolute;
        text-align: center;
      }

      tr {
        font: 10px sans-serif;
      }

      tr.heading > td {
        font-weight: bold;
        text-align: center;
      }

      tr.value > td:nth-child(1) {
        text-align: end;
      }

    </style>
  <script src="https://ajax.googleapis.com/ajax/libs/d3js/5.7.0/d3.min.js"
      integrity="sha384-HL96dun1KbYEq6UT/ZlsspAODCyQ+Zp4z318ajUPBPSMzy5dvxl6ziwmnil8/Cpd"
      crossorigin="anonymous">
  </script>
  <script type="application/javascript">
${javascript_file}
  </script>
  </head>
  <body>
    <div id="toolTips" width="100%" height="100%"></div>
    <svg id="graphBody" width="100%" height="100%">
      <defs>
        <marker id="arrowToSource" viewBox="0 -5 10 10" refX="-12" refY="0"
                markerWidth="9" markerHeight="6" orient="auto">
          <path d="M15,-7 L0,0 L15,7" />
        </marker>
      </defs>
    </svg>
  </body>
</html>
